import {Map, Marker, NavigationControl, InfoWindow,MapTypeControl,ZoomControl} from 'react-bmapgl';
import React, { useEffect } from 'react';

function Map1(props) {
    useEffect(()=>{
        //创建地图实例
        // var map = new BMapGL.Map("map");
        // //设置中心点坐标
        // var point = new BMapGL.Point(116.404, 39.915);
        // //地图初始化，同时设置地图展示级别
        // map.centerAndZoom(point, 12); 
        // //开启鼠标滚轮缩放
        // map.enableScrollWheelZoom(true);
        // //设置地图类型为地球模式
        // map.setMapType(BMAP_EARTH_MAP);
    },[])

    return (
        <div id='map' style={{height:500}}>
            <Map style={{ height: 500 }} center={{lng: 116.402544, lat: 39.928216}} zoom="11" enableScrollWheelZoom={true}>
                <Marker position={{lng: 116.402544, lat: 39.928216}} />
                <NavigationControl /> 
                <MapTypeControl />
                <ZoomControl />
                {/* <InfoWindow position={{lng: 116.402544, lat: 39.928216}} text="内容" title="标题"/> */}
            </Map>
        </div>
    );
}

export default Map1;